<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="renderer" content="webkit">
	<title>简易微博 主页</title>
	<!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	<script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/set.css" />
</head>
<body>

<nav class="navbar navbar-default navbar-fixed-top ks_nav" role="navigation">
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#ks_nav">
				<span class="icon-bar"></span>
	        	<span class="icon-bar"></span>
	        	<span class="icon-bar"></span>
      		</button>
			<a class="navbar-brand" href="#">简易微博 - Beta v1.0.0</a>
		</div>

		<div class="collapse navbar-collapse" id="ks_nav">
			<form class="navbar-form navbar-left" role="search">
				<div class="form-group">
					<input type="text" class="form-control" placeholder="找人...">
				</div>
				<button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-zoom-in"></span></button>
			</form>
			<ul class="nav navbar-nav navbar-right">
				<li><a href="userset.html">注册</a></li>
				<li><a href="#" data-toggle="modal" data-target="#useron">登陆</a></li>
				
				<li class="nav_user"><a href="userall.html"><span class="glyphicon glyphicon-user"></span>knight</a></li>
				<li><a href="#">登出</a></li>
				<li><a href="#">关于作者</a></li>
				<li><a href="#">返回顶部</a></li>
			</ul>
		</div>
	</div>
</nav>

<div class="container">
	<div class="row">
		
		<div class="col-md-3 col-md-offset-1 col-md-push-7">
			
			<!-- 登陆后 -->
			<div class="cont top_right">
				<div class="row">
					<div class="col-md-6 col-md-offset-3">
						<a href="userall.html"><img src="img/Klogo-web.png" width="100%" class="img-circle hidden-xs"></a>
					</div>
					<div class="col-md-12">
						<h5 class="text-center"><a href="userall.html">当前用户名</a></h5>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						<a class="btn btn-info btn-block" href="#">私信 <span class="badge">42</span></a>
					</div>
					<div class="col-md-12">
						<a class="btn btn-info btn-block" href="#">评论 <span class="badge">42</span></a>
					</div>
				</div>
			</div>
			
			<!-- 登陆前 -->
			<div class="cont top_right user_on">
				<h4 class="text-center">登陆 / 注册</h4>
				<div class="row">
					<div class="col-md-12">
						<a class="btn btn-info btn-block" href="#" data-toggle="modal" data-target="#useron">登&nbsp;&nbsp;陆</a>
					</div>
					<div class="col-md-12">
						<a class="btn btn-info btn-block" href="userset.html">注&nbsp;&nbsp;册</a>
					</div>
				</div>
			</div>
			
			<!-- /.top_right -->
			
			<ul class="list-group cont_right hidden-md hidden-lg hidden-sm">
				<li class="list-group-item active">最新加入</li>
				<li class="list-group-item"><span class="badge"><a href="#">撩TA</a></span>user name</li>
				<li class="list-group-item"><span class="badge"><a href="#">撩TA</a></span>user name</li>
				<li class="list-group-item"><span class="badge"><a href="#">撩TA</a></span>user name</li>
				<li class="list-group-item"><span class="badge"><a href="#">撩TA</a></span>user name</li>
				<li class="list-group-item"><span class="badge"><a href="#">撩TA</a></span>user name</li>
				<li class="list-group-item"><span class="badge"><a href="#">撩TA</a></span>user name</li>
				<li class="list-group-item"><span class="badge"><a href="#">撩TA</a></span>user name</li>
				<li class="list-group-item"><span class="badge"><a href="#">撩TA</a></span>user name</li>
			</ul>
			<!-- /.cont_right -->
		</div>
		
		<div class="col-md-7 col-md-pull-3">
			<div class="cont top_left">
				<h4>分享每天好心情...</h4>
				<form action="index.html" method="post" enctype="multipart/form-data">
					<textarea class="form-control" rows="7" placeholder="说明文字"></textarea>
					
					<div class="row">
						<div class="col-md-3 col-md-offset-6">
							<select class="form-control" name="">
								<option value="1">仅用户可见</option>
								<option value="0">所有人可见</option>
							</select>
						</div>
						<div class="col-md-3">
							<input type="submit" class="btn btn-primary btn-block" value="发布">
						</div>
					</div>
					
				</form>
			</div>
			<!-- /.top_left -->
			
			<div class="cont cont_left">
				<div class="c_header">
					<img src="img/Klogo-web.png" class="img-circle hidden-xs c_pho">
					<h4>发布者名称<small>发布于：刚刚</small></h4>
				</div>
				<div class="c_cont">
					<p>测试内容长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度</p>
					<p>测试内容长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度</p>
					<img src="img/s3_bg.jpg"/>
					<p>测试内容长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度</p>
				</div>
				<div class="c_footer">
					
					<div class="btn-group btn-group-justified">
						<div class="btn-group">
							<a href="#" class="btn btn-info">点赞 <span class="badge">411</span></a>
						</div>
						<div class="btn-group">
							<a href="#" class="btn btn-info">评论 <span class="badge">411</span></a>
						</div>
						<div class="btn-group">
							<a href="#" class="btn btn-info">私信 / 修改</a>
						</div>
					</div>
					
				</div>
			</div>
			<!-- /.cont_left -->
		</div>

	</div>
</div>

<!-- 用户登陆弹框 -->
<div class="modal fade" id="useron" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				<h4 class="modal-title" id="myModalLabel">用户登陆</h4>
			</div>
			<form action="" method="post" role="form">
				<div class="modal-body">
					<div class="form-group">
						<label>账号：</label>
						<input type="text" class="form-control" placeholder="xxx">
					</div>
					<div class="form-group">
						<label>密码：</label>
						<input type="password" class="form-control" placeholder="xxx">
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<input type="submit" class="btn btn-primary" value="登陆">
				</div>
			</form>
		</div>
	</div>
</div>

</body>
</html>
